<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>优惠券</title>
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <div class="coupons">
        <div class="display">
            <div class="coupons-top">
                <span>Applidium</span>
                <span>11:27 AM</span>
                <span>100%</span>
            </div>
            <a href="">
                <span>优惠活动</span>
            </a>
        </div>
        <div class="conten">
            <div class="conten-title title">
                <span>全场优惠</span>
                <span>1/1</span>
            </div>
            <div class="card">
                <img src="./images/sale.png" alt="">
                <div class="card-top">
                    <h2>全场满三百减十</h2>
                    <p>双十一特价优惠全场满就减</p>
                    <div class="time">
                        <span class="span">14-11-12 20:12 至 14-11-12 23:12</span>
                        <span>即将开始</span>
                    </div>
                </div>
                <div class="card-bottom">
                    <a href="">编辑</a>
                    <a href="">分享</a>
                </div>
            </div>
        </div>
        <div class="violet">
            <div class="conten-title title">
                <span>优惠券</span>
                <span>2/3</span>
            </div>
                <img src="./images/sale.png" alt="">
                <div class="violet-top">
                    <div class="yuan">
                    <span>$</span>
                    <span>5</span>
                    <span>(满10000万可用)</span>
                    </div>
                    <div class="bm_name2">已领取/已使用：12/22 发行总数：1230</div>
                    <div class="bm_name3">
                        <span>14-11-12 至 14-11-12</span>
                        <span>已领取完</span>
                </div>
            </div>
        </div>
        <div class="voucher">
            <img src="./images/sale.png" alt="">
            <div class="voucher-top">
                <div class="buck">
                    <span>$</span>
                    <span>20</span>
                    <span>满五百万可使用</span>
                </div>
                <div class="bm_name4">已领取/已使用：12/22 发行总数：1230</div>
                    <div class="bm_name5">
                        <span>14-11-12 至 14-11-12</span>
                        <span>已领取完</span>
                </div>
            </div>
            <div class="voucher-bottom">
                <a href="">作废</a>
                <a href="">预览</a>
                <a href="">分享</a>
            </div>
        </div>
        <div class="add">
            <a href="">
                <img src="./images/add.png" alt="">
            </a>
            <span>添加优惠券</span>
        </div>
    </div>
</body>
</html>